<template>
  <div class="box">
    <slot>
    </slot>
  </div>
</template>

<script lang="ts" name="HzBox10">
</script>

<style scoped>
*{
  margin:0;
  padding:0;
}

.box{
  width: 100%;
  height: 100%;
  background: #111845a6;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 20px 50px rgb(23, 32, 90);
  border: 2px solid #2a3cad;
  color: white;
  padding: 20px;
}

.box:before{
  content: '';
  background: rgba(255,255,255,0.1);
  transition:0.5s;
  pointer-events: none;
}


</style>